import { useContext } from "react";

import NameContext from "./NameContext";
import ColorContext from "./ColorContext";

export default function SonSon() {
  const value = useContext(NameContext);

  const color = useContext(ColorContext);

  return (
    <div className="box">
      <p>SonSon</p>
      <ul>
        <li>NameContext: {value}</li>
        <li>ColorContext: {color}</li>
      </ul>
    </div>
  );
}
